<html>
    <head>
        <title>Countly Banking - Heatmap Demo</title>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
        <link rel="stylesheet" href="/populator/stylesheets/demo/banking.css">
    </head>
    <body>
        <div class="container demo-banking">
            <div class="row top-bar">
                <div class="col-sm-3">
                    <a href="demo-banking.html">
                        <strong>Countly Bank</strong>
                    </a>
                </div>
                <div class="col-sm-3">
                </div>
                <div class="col-sm-3 text-center">
                    <a href="demo-banking-1.html">
                        Banking Services
                    </a>
                </div>
                <div class="col-sm-3 text-center">
                    <a href="demo-banking-2.html">
                        Internet Banking
                    </a>
                </div>
            </div>
            <div class="row search-bar">
                <div class="col-sm-8 offset-sm-2">
                    <input type="text" placeholder="How we can help you?" class="form-control">
                </div>
            </div>
            <div class="row content">
                <% if (pageIndex === '0') { %>
                    <div class="col-sm-4 offset-1 text-center">
                        <h1>A Bank That Makes You Feel at Home...</h1>
                    </div>
                    <div class="col-sm-4 offset-1 text-center">
                        <img src="/populator/images/banking.svg" style="width:100%">
                    </div>
                <% } else if (pageIndex === '1') { %>
                    <div class="col-sm-12">
                        <h1>Our Services</h1>
                        <%- include(includes.content2Cols); %>
                    </div>
                <% } else if (pageIndex === '2') { %>
                    <div class="col-sm-12">
                        <h1>Internet Banking</h1>
                        <%- include(includes.content3Cols); %>
                    </div>
                <% } %>
            </div>
            <div class="container row footer">
                <div class="col-sm">
                    <a href="demo-banking-1.html">
                        Banking Services
                    </a>
                </div>
                <div class="col-sm">
                    <a href="demo-banking-2.html">
                        Internet Banking
                    </a>
                </div>
                <div class="col-sm">
                    Notifications
                </div>
                <div class="col-sm">
                    Investors
                </div>
            </div>
        </div>
        <%- include(includes.scripts); %>
    </body>
</html>
